.banner{width: 100%; position: relative; overflow: hidden}

.banner_con{width: 100%; height: 100%; position: fixed; z-index: 1}
.banner_con .swiper-slide{width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover}
.banner_con .swiper-slide .txt{width: 960px; position: absolute; top: 40%; left: 50%; margin-left: -480px; text-align: center}
.banner_con .txt h1{font-size: 26px; color: #fff; font-weight: normal; text-shadow: 2px 2px 2px #000; font-family: 'novecentowide_normal'; transform: translateY(50px); -webkit-transform: translateY(50px); opacity: 0; filter:Alpha(opacity=50)}
.banner_con .txt h3{font-size: 76px; color: #f0f0f0; font-weight: normal; text-shadow: 3px 3px 3px #000; font-family: 'dincond-bold'; transform: translateY(50px);  -webkit-transform: translateY(50px); opacity: 0; filter:Alpha(opacity=50)}
.banner_con .txt p{font-size: 22px; color: #fff; text-shadow: 2px 2px 2px #000; transform: translateY(50px);  -webkit-transform: translateY(50px); opacity: 0; filter:Alpha(opacity=50)}
.banner_con .txt .link{width: 110px; padding: 10px 20px; background: #1360a6; color: #fff; margin: 60px auto; transform: translateY(50px);  -webkit-transform: translateY(50px); opacity: 0; filter:Alpha(opacity=50)}
.banner_con .txt .link:hover{background: #333; transition-duration: 1s}

.banner_con .swiper-slide-active .txt h1{animation: t3 1s forwards; -webkit-animation: t3 1s forwards}
.banner_con .swiper-slide-active .txt h3{animation: t1 1s forwards; -webkit-animation: t1 1s forwards}
.banner_con .swiper-slide-active .txt p{animation: t2 1s forwards; -webkit-animation: t2 1s forwards}
.banner_con .swiper-slide-active .txt .link{animation: t4 1s forwards; -webkit-animation: t2 1s forwards}
@keyframes t1 {
    0%{transform: translateY(50px); opacity: 0}
    100%{transform: translateY(0); opacity: 1}
}

@keyframes t2 {
    0%{transform: translateY(50px); opacity: 0}
    100%{transform: translateY(0); opacity: 1}
}

@keyframes t3 {
    0%{transform: translateY(50px); opacity: 0}
    100%{transform: translateY(0); opacity: 1}
}
@keyframes t4 {
    0%{transform: translateY(50px); opacity: 0}
    100%{transform: translateY(0); opacity: 1}
}

/*----------------------------index-----------------------------*/
.title{width: 100%; text-align: center; margin-bottom: 40px}
.title h1{margin-bottom: 4px; font-size: 22px; color: #444;}
.title h3{font-size: 15px; color: #999; font-family: 'novecentowide-book'}


/*----content----*/
.content{width: 100%; position: relative; background: #fff; z-index: 5}


/*----ms-product----*/
.list01{width: 100%; position: relative; overflow: hidden; padding: 50px 0 40px 0}
.list01 .list01_con{width: 92%; margin: 0 auto}
.list01 .list01_con .list01_list{margin-bottom: 30px;}
.list01 .list01_con .list01_list a{padding: 0 10px;}
.list01 .list01_con .list01_list .img{width: 100%; height: 310px; overflow: hidden}
.list01 .list01_con .list01_list .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s}
.list01 .list01_con .list01_list .txt{padding: 8px 0 0 0; text-align: center}
.list01 .list01_con .list01_list .txt h3{font-size: 14px; color: #333}
.list01 .list01_con .list01_list a:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}

.list01 .list01_con .list01_list .slick-prev{left: 10px;}
.list01 .list01_con .list01_list .slick-next{right: 10px}
.list01 .list01_con .list01_list .slick-prev:hover, .list01 .list01_con .list01_list .slick-prev:focus, .list01 .list01_con .list01_list .slick-next:hover, .list01 .list01_con .list01_list .slick-next:focus{background: rgba(0,0,0,.5)}

/*----banner-one----*/
.banner-one{width: 86%; margin: 80px auto; position: relative; max-height: 650px; background: #3c3c3c; overflow: hidden}
.banner-one .slick-slide img{width: 65%}

.banner-one .list1{width: 35%; float: right; margin-top: 60px; text-align: center; color: #f0f0f0}
.banner-one .list1 h3{padding-top: 120px; font-size: 24px; color: #fff; padding-bottom: 10px;}
.banner-one .list1 p{font-size: 13px; padding-bottom: 40px}
.banner-one .list1 .txt{margin: 0 100px; padding-bottom: 80px}


/*----list02----*/
.list02{width: 100%; height: 670px; padding-top: 10%; background: url("../image/about.jpg") no-repeat center; background-size: cover}
.list02 .list02_left{width: 50%;}
.list02 .list02_left .img img{float: right; box-shadow: 0 0 12px 3px rgba(0,0,0,.2)}

.list02 .list02_right{width: 50%; padding: 50px 60px 60px 40px; background: #fff;}
.list02 .list02_right h1{font-size: 20px; color: #004595; font-weight: bold; margin-bottom: 4px}
.list02 .list02_right h3{font-size: 13px; color: #666; margin-bottom: 30px}
.list02 .list02_right p{font-size: 12px; color: #333; line-height: 24px}
.list02 .list02_right .link{width: 110px; padding: 8px 0; margin-top: 33px; font-size: 13px; color: #333; text-align: center; border: 1px solid #999; font-family: 'novecentowide-book'; transition: all ease .2s; -webkit-transition: all ease .2s}
.list02 .list02_right .link i{padding-left: 4px; transition: all ease .4s; -webkit-transition: all ease .4s}
.list02 .list02_right .link:hover{background: #004595; color: #fff;}
.list02 .list02_right .link:hover i{padding-left: 10px}


/*----list03----*/
.list03{position: relative; padding: 60px 0; background: #f4f4f4}
.list03 .title h1{text-align: left}
.list03 .title p{font-size: 16px; color: #999; font-family: 'novecentowide-book'}

.list03 .list03_con .list03_left{width: 50%; margin-right: 5%;}
.list03 .list03_con .list03_left .img{width: 100%; height: 340px; overflow: hidden}
.list03 .list03_con .list03_left .img img{width: 100%; transition: all ease .8s; -webkit-transition: all ease .8s}
/*.list03 .list03_con .list03_left .txt{padding: 20px 0 0 0}*/
/*.list03 .list03_con .list03_left .txt h3{font-size: 16px; color: #333; margin-bottom: 20px; transition: all ease .4s; -webkit-transition: all ease .4s}*/
/*.list03 .list03_con .list03_left .txt .data{width: 15%; margin-right: 5%; border-right: 1px solid #e0e0e0}*/
/*.list03 .list03_con .list03_left .txt .data h6{font-size: 26px; color: #181818; font-family: 'novecentowide-book'}*/
/*.list03 .list03_con .list03_left .txt .data p{font-size: 16px; color: #999; font-family: 'novecentowide-book'}*/
/*.list03 .list03_con .list03_left .txt .txt_c{width: 75%}*/
/*.list03 .list03_con .list03_left .txt .txt_c p{font-size: 14px; color: #999; line-height: 22px}*/

.list03 .list03_con .list03_right{width: 45%}
.list03 .list03_con .list03_right .list{list-style: none}
.list03 .list03_con .list03_right .list li{border-bottom: 1px solid #e0e0e0; margin-bottom: 20px; padding-bottom: 20px}
.list03 .list03_con .list03_right .list li .data{width: 15%; margin-right: 5%;}
.list03 .list03_con .list03_right .list li .data h6{font-size: 26px; color: #181818; font-family: 'novecentowide-book'}
.list03 .list03_con .list03_right .list li .data p{font-size: 16px; color: #666; font-family: 'novecentowide-book'}
.list03 .list03_con .list03_right .list li .txt{width: 80%;}
.list03 .list03_con .list03_right .list li .txt h3{font-size: 16px; color: #181818; margin-bottom: 16px; transition: all ease .4s; -webkit-transition: all ease .4s}
.list03 .list03_con .list03_right .list li .txt p{font-size: 14px; color: #666; line-height: 20px}

.list03 .list03_con .list03_left:hover .txt h3{color: #004595}
.list03 .list03_con .list03_left:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}
.list03 .list03_con .list03_right .list li:hover .txt h3{color: #004595; transform: translateX(10px); -webkit-transform: translateX(10px)}



/*-----------------------------------------------page--------------------------------------*/

.page_banner{width: 100%; height: 460px; position: relative; overflow: hidden}
.page_banner .page_banner_bg{width: 100%; height: 100%; background-position: center;}

.page_banner .banner_title{width: 100%; height: 80px; position: absolute; bottom: 0; left: 0;}
.page_banner .banner_title .w1200{overflow: hidden}
.page_banner .banner_title h3{display: none}


.page_title{padding: 20px 0 0 0; margin-bottom: 40px; border-bottom: 1px solid #e0e0e0}
.page_title a{display: inline-block; width: 100px; padding: 10px; font-size: 13px; color: #333; text-align: center; background: #dedede; transition: all ease .4s; -webkit-transition: all ease .4s}
.page_title a:hover{background: #004595; color: #fff;}
.page_title a.on{background: #004595; color: #fff;}

.page_title h3{font-size: 22px; color: #004595; margin-bottom: 8px}
.page_title h3 i{font-size: 15px; color: #666; padding-left: 6px; font-style: normal; font-family: 'novecentowide-book'}

.page_con{margin-bottom: 50px}


/*----page_about----*/
.page_about{width: 100%; position: relative;}

.page_about h3{font-size: 18px; color: #282828; margin-bottom: 20px}
.page_about p{font-size: 14px; color: #333; line-height: 26px;}
.page_about img{float: none; display: block; margin: 20px 0; width: 100%}


/*----page_speech----*/
.page_speech{}
.page_speech p{font-size: 14px; color: #333; line-height: 26px;}
.page_speech img{float: none; display: block; margin: 20px auto}


/*----page_culture----*/
.page_enterprise{width: 100%; position: relative}
.page_enterprise .enterprise_con{margin: 60px 0}
.page_enterprise .enterprise_con .list{list-style: none}
.page_enterprise .enterprise_con .list li{}
.page_enterprise .enterprise_con .list li .img{width: 50%}
.page_enterprise .enterprise_con .list li .img img{width: 100%}
.page_enterprise .enterprise_con .list li .txt{width: 50%; padding: 6% 0 0 6%}
.page_enterprise .enterprise_con .list li .txt02{padding: 9% 5% 0 6%}
.page_enterprise .enterprise_con .list li .txt h3{font-size: 20px; color: #0f5092; margin-bottom: 8px}
.page_enterprise .enterprise_con .list li .txt p{font-size: 14px; color: #666; line-height: 26px}

/*----page_honor----*/
.page_honor{width: 100%; position: relative}
.page_honor .list{list-style: none; margin: 50px -1% 40px 0;}
.page_honor .list li{width: 32.3333%; margin-right: 1%; margin-bottom: 16px; float: left}
.page_honor .list li img{width: 100%}

/*----page_network----*/
.page_network img{display: block; float: none; margin: 20px auto}

/*----page_news----*/
.page_news{}
.page_news .list{list-style: none}
.page_news .list li{margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #dedede; position: relative}
.page_news .list li .img{width: 25%; height: 160px; margin-right: 5%; overflow: hidden}
.page_news .list li .img img{width: 100%; transition: all ease .4s; -webkit-transition: all ease .4s}
.page_news .list li .txt{width: 55%; }
.page_news .list li .txt h1{font-size: 16px; color: #282828; margin-top: 20px; margin-bottom: 10px; transition: all ease .4s; -webkit-transition: all ease .4s}
.page_news .list li .txt h6{font-size: 14px; color: #004595; margin-bottom: 16px; font-family: 'novecentowide-book'}
.page_news .list li .txt p{font-size: 14px; color: #333; line-height: 22px;}
.page_news .list li span{display: block; width: 50px; height: 50px; background: #f0f0f0; position: absolute; right: 0; top: 50%; margin: -35px 0 0 0; font-size: 26px; color: #333; text-align: center; line-height: 50px; transition: all ease .4s; -webkit-transition: all ease .4s}
.page_news .list li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}
.page_news .list li:hover .txt h1{color: #004595; transform: translateX(10px); -webkit-transform: translateX(10px)}
.page_news .list li:hover span{background: #004595; color: #fff}

/*----page_newshow-----*/
.page_newshow{}
.page_newshow .title{margin-bottom: 20px}
.page_newshow .title h1{font-size: 16px; color: #282828; margin-bottom: 10px}
.page_newshow .title span{display: inline-block; font-size: 13px; color: #666; margin: 0 10px;}
.page_newshow .con p{font-size: 14px; color: #333; line-height: 24px}
.page_newshow .con img{float: none; display: block; margin: 20px auto;}
.page_newshow .con p a{display: inline-block; color: #333; font-size: 14px;}


/*----page_contact----*/
.page_contact .contact_left{width: 35%; margin-right: 5%;}
.page_contact .contact_left h3{font-size: 18px; color: #282828; margin-bottom: 20px}
.page_contact .contact_left p{font-size: 14px; color: #333; line-height: 26px}
.page_contact .contact_left img{float: none; display: block; width: 110px; height: 110px; margin: 20px 0 0 0}

.page_contact .contact_right{width: 60%}
.page_contact .contact_right .map{width: 100%; height: 320px;}

/*----page_strength----*/
.page_strength{position: relative}
.page_strength .list{list-style: none; margin-right: -1%}
.page_strength .list li{width: 24%; float: left; margin-right: 1%; margin-bottom: 16px;}
.page_strength .list li .example-image-link{width: 100%; overflow: hidden}
.page_strength .list li .example-image-link img{width: 100%}
.page_strength .list li p{font-size: 14px; color: #333; text-align: center; line-height: 36px;}


/*----page_product----*/
.page_product{width: 100%; position: relative}
.page_product .list{list-style: none; margin-right: -1.3333%}
.page_product .list li{width: 32%; float: left; margin-right: 1.3333%; margin-bottom: 10px}
.page_product .list li .img{width: 100%; height: 290px; overflow: hidden}
.page_product .list li .img img{width: 100%; display: block; transition: all ease .4s; -webkit-transition: all ease .4s }
.page_product .list li .txt{width: 100%; height: 40px; position: relative}
.page_product .list li .txt h3{font-size: 14px; color: #333; font-weight: normal; padding: 16px 0 8px 10px; transition: all ease .4s; -webkit-transition: all ease .4s}
.page_product .list li:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1)}
.page_product .list li:hover .txt h3{transform: translateX(10px); -webkit-transform: translateX(10px)}

/*----page_productshow----*/
.page_productshow{}
.page_productshow .productshow_title{text-align: center; margin-bottom: 40px;}
.page_productshow .productshow_title h3{font-size: 18px; color: #333;}
.page_productshow .productshow_title .img img{display: block; float: none; margin: 20px auto}
.page_productshow .con h6{font-size: 16px; color: #333; border-bottom: 1px solid #e0e0e0; margin-bottom: 10px; padding-left: 20px; padding-bottom: 10px; background: url("../image/ico01.png") no-repeat left 4px}
.page_productshow .con p{font-size: 14px; color: #333; line-height: 24px}




/*----page_info----*/
.page_info{padding: 40px 0}
.page_info span{padding: 0 10px}

/*----page-list----*/
.page_list{padding: 30px 0; margin: 30px 0}
.page_list a{float: left; margin: 0 2px; padding: 2px 8px; color: #666}
.page_list .num{background: #999; color: #fff; margin: 0 6px}
.page_list .on{background: #1360a6; color: #fff; margin: 0 6px}

.preNext{margin-top: 60px}
.preNext .text{list-style: none}
.preNext .text li{color: #333;}
.preNext .text li:nth-child(1){float:left}
.preNext .text li:nth-child(2){float:right}
.preNext .text li a{color: #333333; display: inline-block}
.preNext .text li:hover a{color: #004595}